<!-- App.vue -->
<template>
  <div class="app">
    <Sidebar />
    <!-- <Dashboard></Dashboard> -->
    <main class="content">
      <QuickStart></QuickStart>
      <Schedule></Schedule>
    </main>
    <aside class="sidebar-right">
      <PersonalInfo />
       <!-- <InfoCard></InfoCard> -->
    </aside>
  </div>

</template>

<script setup name="StudentView">
import Sidebar from '@/components/Sidebar.vue';
import PersonalInfo from './components/Info.vue';
import Schedule from './components/Schedule.vue';
import QuickStart from './components/QuickStart.vue';
</script>

<style scoped>
.app {
  display: flex;
}

.content {
  flex: 3;
  padding: 19px;
}

.sidebar-right {
  flex: 1;
  padding: 20px 20px 0 20px;
}
</style>
